<template>
  <div>
    <Query :query='query' @change="updataQuery()"></Query>
    <DataTable></DataTable>
    <Page></Page>
    <Upload></Upload>
    {{ query }}
  </div>
</template>

<script>
import Query from './Query'
import DataTable from './DataTable'
import Page from './Page'
import Upload from './Upload'
export default {
  name: 'Main',
  components: {
    Query,
    DataTable,
    Page,
    Upload
  },
  data () {
    return {
      query: {
        name: 'haod '
      },
      pageSet: {},
      tableData: {},
      selectedSet: [],
      // createConfig: {},
    }  
  },
  methods: {
    updataQuery(newQuery) {
      this.query = newQuery
    }
  },

  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
